@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;

@layer base {
  :root {
    //--background: hsl(0 0% 100%);
    //--foreground: hsl(240 10% 3.9%);
    //--primary: hsl(223 64% 41%);
    //--primary-foreground: hsl(0 0% 98%);
    //--secondary: hsl(240 4.8% 96%);
    //--secondary-foreground: hsl(240 3.8% 46.1%);
    //--muted: hsl(240 4.8% 94%);
    //--muted-foreground: hsl(240 3.8% 80%);
    //--accent: hsl(240 4.8% 95.9%);
    //--accent-foreground: hsl(240 5.9% 10%);
    //--destructive: hsl(0 84.2% 60.2%);
    //--destructive-foreground: hsl(0 0% 98%);
    //--border: hsl(240 5.9% 90%);
    //--input: hsl(240 5.9% 90%);
    //--ring: hsl(240 5.9% 10%);
    //--radius: 0.5rem;
    --background: 0 0% 100%;
    --foreground: 220 3% 39%;
    --primary: 205 90% 48%;
    --primary-foreground: 0 0% 98%;
    --secondary: 216 20% 95%;
    --secondary-foreground: 220 4% 58%;
    --muted: 0 0% 97%;
    --muted-foreground: 220 11% 78%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 5.9% 10%;
    --radius: 0.5rem;
  }

  .dark {
    //--background: hsl(20 14.3% 4.1%);
    //--foreground: hsl(0 0% 95%);
    //--primary: hsl(183 96% 78%);
    //--primary-foreground: hsl(183.9 80.4% 10%);
    //--secondary: hsl(240 3.7% 15.9%);
    //--secondary-foreground: hsl(0 0% 98%);
    //--muted: hsl(0 0% 15%);
    //--muted-foreground: hsl(240 5% 64.9%);
    //--accent: hsl(12 6.5% 15.1%);
    //--accent-foreground: hsl(0 0% 98%);
    //--destructive: hsl(0 62.8% 30.6%);
    //--destructive-foreground: hsl(0 85.7% 97.3%);
    //--border: hsl(240 3.7% 15.9%);
    //--input: hsl(240 3.7% 15.9%);
    //--ring: hsl(142.4 71.8% 29.2%);
    --background: 20 14.3% 4.1%;
    --foreground: 0 0% 95%;
    --primary: 259 88% 78%;
    --primary-foreground: 0 0% 95%;
    --secondary: 240 3.7% 15.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 15%;
    --muted-foreground: 240 5% 64.9%;
    --accent: 12 6.5% 15.1%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 85.7% 97.3%;
    --border: 240 3.7% 15.9%;
    --input: 240 3.7% 15.9%;
    --ring: 142.4 71.8% 29.2%;
  }
}
